<!--
  Generated template for the OrderHistoryPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-buttons start>
      <button ion-button icon-only (click)="dismiss()">
        <ion-icon name="close"></ion-icon>
      </button>
    </ion-buttons>
    <ion-title>{{ 'ORDER_HISTORY' | translate }}</ion-title>
  </ion-navbar>

</ion-header>


<ion-content class="invoice-list">

  <ion-searchbar></ion-searchbar>
  <ion-list>
    <button ion-item *ngFor="let invoice of invoiceList" (click)="openDetail(invoice)">
      <ion-row>
        <ion-col col-6>
          <i class="fa fa-circle text-green"></i>
          {{ invoice.customerName }}
        </ion-col>
        <ion-col col-6>
          {{ invoice.invoiceDate }}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-12>
          <span class="text-green">{{ invoice.customerClass }}</span>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-12>
          {{ 'INVOICE_NO' | translate }}:
          {{ invoice.invoiceNo }}
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col col-12>
          {{ 'GRAND_TOTAL' | translate }}:
          {{ invoice.subTotal | number: '1.1-1' }}
        </ion-col>
      </ion-row>
    </button>
  </ion-list>

</ion-content>
